<template> 


	<section class="search">
		<!-- <header class="header">
			<a href="javascript:;" class="header_title">
				<span class="header_title_text">搜索</span>
			</a>
		</header> -->

		<HearderTop title="搜索">
			
		</HearderTop>

		<form class="search_form" action="#">
			<input type="search" name="search" class="search_input" placeholder="请输入商家或美食名称">
			<input name="submit" type="submit" class="search_submit">
		</form>


	</section>

</template> 


<script> 

import HearderTop from "../../components/HearderTop/HearderTop.vue"

export default {

  components:{
  	HearderTop
  }


} 


</script>

<style lang="stylus" rel="stylesheet/stylus">
	@import "../../common/stylus/mixins.sty";
	@import "../../static/css/reset.css";
	.search
		width 100%
		.search_form
			width 100%
			height 45px
			padding 12px 0px
			background-color #fff	
			margin-top 45.5px
			input
				height 35px
				clearFix()
				outline none
				padding 0 4px
				border-radius 2px
				font-size bold
				display inline-block
				&.search_input
					width 79%
					float left
					border 4px solid #f2f2f2
					background-color #f2f2f2
					font-size 14px
					margin-left 5px
				&.search_submit
					float right
					width 18%
					border 4px solid #02a774
					color #fff
					background-color #02a774
					font-size 16px
					margin-right 5px
					outline none



					


			
				

		

			



    	




</style>